<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>{$sysConfig.web_title}-{$sysConfig.web_name}</title>
		<meta name="keywords" content="{$sysConfig.web_keywords}">
		<meta name="description" content="{$sysConfig.web_description}">
		{include file="head"/}
	</head>
	<body>
		<!--菜单-->
		{include file="menu"/}
		<div class="index_box01">
			<div id="banner" class="swiper-container">
				<div class="swiper-wrapper">
					{volist name="adList" id="list"}
					<div class="swiper-slide">
						<a href="#">
							<div class="img"><img src="{$list.image.file_path}" alt=""></div>
						</a>
					</div>
					{/volist}
				</div>
			</div>
			<div class="swiper-pagination" id="n_ico"></div>
		</div>
		<div class="index_box2">
			<div class="searchbox">
				<div class="w-1200 clearfix">
					<div class="tag l">热门搜索：
						{volist name="keyList" id="keyword" key="k"}
						<a href="/info/search?search={$keyword.title}">{$keyword.title}</a>
						{/volist}
					</div>
					<form action=" /info/search" method="get" class="search_form clearfix">
						<input name="search" type="text" placeholder="请输入搜索关键字" class="input">
						<input name="" type="submit" value="" class="button" onsubmit="">
					</form>
				</div>
			</div>
			<div class="productbox pt50">
				<div class="w-1200">
					<div class="tit">我们为您提供<span>优质产品</span></div>
					<div>
						<div class="fenleilsit">
							{volist name="productList" id="list" key="k"}
							<a href="javascript:void(0);" class="tab-nav {if condition=" $k==1" /} active{/if}"
								onclick="{getProductlist({$list},{$k})}">{$list.name}</a>
							{/volist}
						</div>
						{volist name="productList" id="list" key="kk"}
						<div class="flproduct clearfix">
							{volist name="$list.child" id="child"}
							{if condition=" $kk==1" /}
							<div class="pro-row l">
								<a class="set-link" href="/info/detail?info_id={$child.info_id}&menu_id={$child.menu_id}"></a>
								<div class="pro-img"><img src="{$child.image}"></div>
								<div class="pro-txt">
									<h3>{$child.title}</h3>
									<p>{$child.desc}</p>
								</div>
							</div>
							{/if}
							{/volist}
						</div>
						{/volist}
					</div>
					<div class="more">
						<a href="{$productHref}">查看更多 >></a>
					</div>
				</div>
			</div>
			<div class="progressbox">
				<div class="w-1200">
					<div class="tit">我们的服务流程</div>
					<div class="zhushi">通过品牌塑造和价值传播，完成从优秀到卓越的转变，致力于推动专业系统行业的蓬勃发展</div>
					<div class="lclist clearfix">
						<div class="lctu l">
							<img src="/front/img/lc01.png">
							<p>电话咨询</p>
						</div>
						<div class="arrbox l"><img src="/front/img/arr.png"></div>
						<div class="lctu l">
							<img src="/front/img/lc02.png">
							<p>现场校对</p>
						</div>
						<div class="arrbox l"><img src="/front/img/arr.png"></div>
						<div class="lctu l">
							<img src="/front/img/lc03.png">
							<p>提供样品案例</p>
						</div>
						<div class="arrbox l"><img src="/front/img/arr.png"></div>
						<div class="lctu l">
							<img src="/front/img/lc04.png">
							<p>实施计划</p>
						</div>
						<div class="arrbox l"><img src="/front/img/arr.png"></div>
						<div class="lctu l">
							<img src="/front/img/lc05.png">
							<p>签订合同</p>
						</div>
						<div class="arrbox l"><img src="/front/img/arr.png"></div>
						<div class="lctu l">
							<img src="/front/img/lc06.png">
							<p>项目实施</p>
						</div>
					</div>
				</div>
			</div>
			<div class="casebox pt50">
				<div class="w-1200">
					<div class="tit">我们的<span>成功案例</span></div>
					<div class="fenleilsit">
						{volist name="caseList" id="list" key="k"}
						<a href="javascript:void(0);" class="tab-case {if condition=" $k==1" /} active{/if}"
							onclick="{getCaselist({$list},{$k})}">{$list.name}</a>
						{/volist}
					</div>
					{volist name="caseList" id="list" key="kk"}
					<div class="case clearfix">
						{volist name="$list.child" id="child"}
						{if condition=" $kk==1" /}
						<div class="case-row l mr30">
							<a href="/info/detail?info_id={$child.info_id}&menu_id={$child.menu_id}" class="set-link"></a>
							<div class="casetu">
								<img src="{$child.image}">
							</div>
							<div class="casetxt">
								<h1>{$child.title}</h1>
								<p>{$child.desc}</p>
								<a href="/info/detail?info_id={$child.info_id}&menu_id={$child.menu_id}">详情>></a>
							</div>
						</div>
						{/if}
						{/volist}
					</div>
					{/volist}
					<div class="more">
						<a href="{$caseHref}">查看更多 >></a>
					</div>
				</div>
			</div>
			<div class="newsbox">
				<div class="w-1200">
					<div class="tit">了解最新的<span>新闻动态</span></div>
					<div class="fenleilsit">{volist name="newsList" id="list" key="k"}
						<a href="javascript:void(0);" class="tab-news {if condition=" $k==1" /} active{/if}"
							onclick="{getNewslist({$list},{$k})}">{$list.name}</a>
						{/volist}
					</div>
					{volist name="newsList" id="list" key="kk"}
					<div class="news clearfix">
						{volist name="$list.child" key="new" id="child"}
						{if condition="$kk==1" /}
						{if condition="$new==1" /}
						<div class="newsz l">
							<div class="newstu"><span class="hot">HOT</span><img src="{$child.image}"></div>
							<div class="newstxt">
								<h1>{$child.title}</h1>
								<p>{$child.desc}</p>
								<a href="/info/detail?info_id={$child.info_id}&menu_id={$child.menu_id}">查看详情+</a>
							</div>
						</div>
						{else/}
						<div class="newsy r">
							<ul class="timelist">
								<li class="clearfix">
									<a class="set-link" href="/info/detail?info_id={$child.info_id}&menu_id={$child.menu_id}"></a>
									<div class="time l">
										<h2>{$child.day}</h2>
										<span>{$child.year}</span>
									</div>
									<div class="list r">
										<h3>{$child.title}</h3>
										<p>{$child.desc}</p>
									</div>
								</li>

							</ul>
						</div>
						{/if}
						{/if}
						{/volist}
					</div>
					{/volist}

				</div>
			</div>
			<div class="aboutbox">
				<div class="w-1200">
					<div class="tit">深度了解<span>关于我们</span></div>
					<div class="about clearfix">
						<div class="abu-txt l">
							<h3 class="abu-h3">{$aboutUs.title}</h3>
							<span class="abu-span"></span>
							<div class="about-content">{$aboutUs.desc}</div>
							<a href="{$aboutHref}">了解更多+</a>
						</div>
						<div class="abu-tu r"><img src="/front/img/aboutpic.jpg"></div>
					</div>
				</div>
			</div>
		</div>

		<!--底部-->
		{include file="footer"/}
		<!--底部-->
		<script type="text/javascript">
			function getProductlist(list, k) {
				let caseList = list.child;
				let html = '';
				let index = k - 1;
				$('.tab-nav').removeClass("active");
				$('.tab-nav').eq(index).addClass("active");
				caseList.forEach((item, index) => {
					html +=
						`<div class="pro-row l mr30"><a class="set-link" href="/info/detail?info_id=${item.info_id}&menu_id=${item.menu_id}"></a><div class="pro-img"><img src="${item.image}"></div><div class="pro-txt"><h3>${item.title}</h3><p>${item.desc}</p></div></div>`;
				})
				$('.flproduct').eq(0).html(html)
			}

			function getCaselist(list, k) {
				let caseList = list.child;
				let html = '';
				let index = k - 1;
				$('.tab-case').removeClass("active");
				$('.tab-case').eq(index).addClass("active");
				caseList.forEach((item, index) => {
					html +=
						`<div class="case-row l mr30"><a class="set-link" href="/info/detail?info_id=${item.info_id}&menu_id=${item.menu_id}"></a><div class="casetu"><img src="${item.image}"></div><div class="casetxt"><h1>${item.title}</h1><p>${item.desc}</p><a href="/info/detail?info_id=${item.info_id}&menu_id=${item.menu_id}">详情</a></div></div>`;
				})
				$('.case').eq(0).html(html)
			}

			function getNewslist(list, k) {
				let caseList = list.child;
				let html = '';
				let index = k - 1;
				$('.tab-news').removeClass("active");
				$('.tab-news').eq(index).addClass("active");
				caseList.forEach((item, index) => {
					if (index == 0) {
						html +=
							`<div class="newsz l">
								<div class="newstu"><span class="hot">HOT</span><img src="${item.image}"></div>
								<div class="newstxt">
									<h1>${item.title}</h1>
									<p>${item.desc}</p>
									<a href="/info/detail?info_id=${item.info_id}&menu_id=${item.menu_id}">查看详情+</a>
								</div>
							</div>
							`;
					} else {
						html +=
							`<div class="newsy r">
							<ul class="timelist">
								<li class="clearfix">
									<a class="set-link" href="/info/detail?info_id=${item.info_id}&menu_id=${item.menu_id}"></a>
									<div class="time l">
										<h2>${item.day}</h2>
										<span>${item.year}</span>
									</div>
									<div class="list r">
										<h3>${item.title}</h3>
										<p>${item.desc}</p>
									</div>
								</li>

							</ul>
						</div>`;
					}

				})
				$('.news').eq(0).html(html)
			}
			$(function() {

				var mySwiper1 = new Swiper('#banner', {
					autoplay: {
						delay: 5000,
						disableOnInteraction: false
					},
					spaceBetween: 30,
					pagination: {
						el: '#n_ico',
						clickable: true,
					},
					navigation: {
						nextEl: '.b_next',
						prevEl: '.b_prev',
					},
				});


			});
		</script>
	</body>
</html>
